<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>积分礼品</title>
    <div data-th-replace="layout/head"></div>
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</head>
<body>
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack"  href="/mobile/uc/integral/integralIndex">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <a href="/mobile/uc/integral/integralRuleInfo" class="button button-link button-nav pull-right">
        <span class="fs4 c-fff vam"> 规则说明</span>
    </a>
    <div class="buttons-row">
        <a  class="tab-link  button" data-id="1" th:classappend="${type} eq 1?'active':''">可兑换</a>
        <a class="tab-link button" data-id="2" th:classappend="${type} eq 2?'active':''">已兑换</a>
    </div>
</header>
<div class="content wm-content of">
    <div class="wm-buttons-tab__wrap">
        <section class="row pl75 pr75 mt5">
            <aside class="col-50">
                <img th:src="${avatar}"  width="30" height="30" class="vam border-circle">
                <span class="fs6 c-888 vam" th:text="${nickname}"></span>
            </aside>
            <aside class="col-50 text-right">
                <span class="c-red fs6" th:text="'可用'+${userIntegralRuleName['name']}+'：'+${userIntegral['currentScore']}">--</span>
            </aside>
        </section>
    </div>
    <article class="page-infinite__wrap wm-page-course">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <!--全部商品列表 开始-->
                    <div class="row no-gutter wm-loadingEle-content-inner hide" id="shop-list">

                    </div>
                    <div class="list-block wm-course-list__wrap no-mt hide">
                            <ul class="list-container wm-course-list" id="exchangerecord-list">
                            </ul>
                   </div>
            </div>
            </div>
        </div>
    </article>

</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/integral/shop-integral.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:inline="javascript">

    var type = [[${type}]];
</script>
</body>
</html>
